<template>
    <div class="food-item" @click="$router.push({name:'FoodDetail',query:{fid:f_item.id}})">
        <div class="left-img">
            <slot>
                <img v-lazy="f_item.food_img" @click.stop="showThisImage">
            </slot>
        </div>
        <ul class="right-text">
<li class="food_name">{{f_item.food_name}} </li>
<li class="sale-count">{{f_item.saleCount}} </li>
<li class="price">{{f_item.price}} </li>
        </ul>
    </div>
</template>

<script>
export default {
    setup () {
        

        return {}
    }
}
</script>

<style lang="scss" scoped>

</style>